import React from 'react';
import ReactDOM from 'react-dom/client';
import { RouterProvider } from 'react-router-dom';
import router from './router';
import { ConfigProvider, App } from 'antd';
import { Provider } from 'react-redux';
import store from './store';
import locale from 'antd/locale/zh_CN'
import "./index.scss"
import { StyleProvider } from '@ant-design/cssinjs';
import 'normalize.css'
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  // <React.StrictMode>
    <Provider store={store}>
      <StyleProvider hashPriority="high">
        <ConfigProvider locale={locale} theme={{
          token: {
            "colorPrimary": "#165DFF",
            "colorInfo": "#165DFF",
            "colorActive": '#165DFF',
            "colorSuccess": "#00b42a",
            "colorError": "#f53f3f",
            "colorWarning": "#ff7d00",
            "colorTextBase": "#1c1f23",
          },
          components: {
            Tabs: {
              'itemHoverColor': '#165DFF'
            },
            Timeline: {
              'dotBg': '#f93920',
              'tailColor': '#f93920'
            },
            Table: {
              borderColor: '#DDE5EE',
              headerBg: '#F7FAFF',
            }
          }
        }}>
          <App>
            <RouterProvider router={router}></RouterProvider>
          </App>
        </ConfigProvider>
      </StyleProvider>
    </Provider>
  // </React.StrictMode>
);
